<template>
    <div id="app">
        <!-- 路由显示区域 -->
        <router-view/>
    </div>
</template>

<script>
export default {
    name: "App",
};
</script>

<style lang="scss">
* {
    padding: 0;
    margin: 0;
    font-family: Helvetica, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.main-container {
    margin: 10px;
    padding: 5px;
}

/** 全局样式 */
.query-container {
    background: white;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 20px;
}

.query-button-toolbar {
    margin-bottom: 10px;
}

.query-title {
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border-left: 4px solid rgb(66, 184, 131);
    padding-left: 10px;
    font-family: Roboto, -apple-system, Helvetica Neue, Helvetica, Arial,
    sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.query-condition {
    margin-top: 20px;
    margin-bottom: 10px;
}

.query-table {
    margin: 20px 0;
    //   border: 1px solid rgb(224,224,224);
    //取消边框线
    ::v-deep.el-table td,
    .el-table th.is-leaf {
        border: none;
    }
}
</style>
